{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<title>公告详情</title>
<style type="text/css">
    .mui-content{background-color: #fff; padding: 12px 0;}
    .xw-border-top{ position: fixed;}
    .mb-info-tit{ font-size: 20px !important; font-weight: bold; color: #464646;}
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
    <!--公告标题-->
    <h4 class="mb-info-tit">{{data.title}}</h4>
    <!--浏览量、发布时间-->
    <div class="mb-label">
        <span><i class="iconfont icon-yanjing"></i>{{data.clickCount}}</span>
        <span><i class="iconfont icon-shijian"></i>{{data.createDate}}</span>
    </div>
    <!--资讯详情-->
    <div class="mb-cont">
        {{data.content}}
    </div>
    <!--评论列表-->
    <!--<div class="mb-comment nobd-comment">-->
        <!--&lt;!&ndash;评论循环主体开始&ndash;&gt;-->

        <!--<div class="mb-comment-list xw-border-bottom">-->
            <!--<div class="mb-comment-nick mui-clearfix">-->
                <!--<img class="mb-userphoto mui-pull-left" src="{{ctx.app.config.api.image}}/{{item.image}}"/>-->
                <!--<div class="mb-nick-name mui-pull-left">-->
                    <!--<b class="mb-nickname mui-ellipsis">{{item.name}}</b>-->
                    <!--<p class="mb-arr-time">15秒前</p>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="mb-comment-cont">-->
                <!--{{item.content}}-->
                <!--<a class="mb-replay-more" href="replay-list.html">查看20条回复</a>-->
            <!--</div>-->
        <!--</div>-->

        <!--&lt;!&ndash;评论循环主体结束&ndash;&gt;-->

    <!--</div>-->
</div>

<!--&lt;!&ndash;回复、分享按钮&ndash;&gt;-->
<!--<nav class="mui-bar mui-bar-tab mb-bar-tab xw-border-top">-->
    <!--<input type="text" id="replay-input" class="mb-replay-btn" placeholder="请输入回复内容"><i class="iconfont icon-sousuo"></i>-->
    <!--<div class="mb-btn-submit">-->
        <!--<input type="submit" name="submit" value="提交" />-->
    <!--</div>-->
    <!--<a href="javascript:;" class="mb-share"><i class="iconfont icon-fenxiang"></i>分享</a>-->
<!--</nav>-->
{% endblock %}

{#js代码#}
{% block js %}
<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script>
    $(document).ready(function(){
        $("#replay-input").focus(function(){
            var parent = $(this).parent();
            parent.addClass("mui-active");
        });
        $("#replay-input").blur(function(){
            var parent = $(this).parent();
            parent.removeClass("mui-active");
        });
        var data = $(".mb-cont").html();
        var data1 = data.replace(/&lt;/g,'<');
        var data2 = data1.replace(/&gt;/g,'>');
        $(".mb-cont").html(data2);
    });
</script>
<!--flotdemo-->
{% endblock %}
